<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    label: 作用：增大点击范围
        写法一：
         label标签只包裹内容，不包裹表单控件
         设置label标签的for属性值和表单控件的id属性值相同

         写法二：
          label包裹 文字 和 表单控件
    -->
         <input type="radio" name="gender" id="man">
         <label for="man">man</label>
         <!-- <input type="radio" name="gender" id="woman">
         <label for="woman">woman</label> -->
         <label > <input type="radio" name="gender">woman</label>
         <br><br>


</body>
</html>